* {
    margin: 0px;
    padding: 0px;
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
    -webkit-user-select:none; /*webkit浏览器*/   
    -khtml-user-select:none; /*早期浏览器*/   
    -moz-user-select:none;/*火狐*/   
    -ms-user-select:none; /*IE10*/   
    user-select:none;   
}

html {
    font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}

a {
    text-decoration: none;
}

ul,
ol li {
    list-style: none;
}

html,body {
    background: #F4F4F4;
    height: 100%;
    
}

.flex{
    position: fixed !important;
    z-index: 9999;
    top:0px;
    left: 0px;
    padding-top: 20/@j;
}
//混合变量
@j: 3.75vw;
.w(@w) {
    width: @w/@j;
}

.h(@h) {
    height: @h/@j;
}

.out {
    outline: 1px solid blue;
}

.jz {
    margin: 0 auto;
}

.menu_active {
    color: orange;
}

.menu_main {
    display: none;
    width: 100%;
    border-bottom: 1px solid orange;
    background: #FCFCFC;
    position: absolute;
    top: 40/@j;
    z-index: 9999;
    .menuCose {
        width: 100%;
        text-align: center;
        padding-bottom: 8/@j;
        box-sizing: border-box;
        button {
            .h(30);
            .w(199);
            border: 1px solid #CCCCCC;
            outline: none;
            background: #FCFCFC;
            color: #999999;
            font-size: 16/@j;
            border-radius: 3/@j;
        }
    }
    .menu {
        width: 100vw;
        border-top: 1px solid #ddd;
        background: #FCFCFC;
        position: relative;
        padding: 8/@j 8/@j 0/@j 8/@j;
        box-sizing: border-box;
        z-index: 999999;
        .menu_tx {
            .h(62);
            .tx_left {
                display: block;
                .h(60);
                .w(60);
                border-radius: 30/@j ;
                text-align: center;
                border: 1px solid orangered;
                float: left;
                img {
                    margin: 4/@j;
                    .w(52);
                    .h(52);
                    border-radius: 30/@j ;
                }
            }
            .tx_login {
                .h(62);
                float: left;
                display: block;
                line-height: 62/@j;
                padding-left: 16/@j ;
                box-sizing: border-box;
                color: #606060;
                font-size: 15.5/@j;
            }
        }
        .mentu_nav {
            .h(25);
            position: relative;
            h3 {
                display: block;
                font-size: 16.5/@j;
                .w(50);
                color: #ff851b;
                text-align: center;
                //              font-weight: 150;
                line-height: 25/@j;
                position: absolute;
                left: 50%;
                margin-left: -20px;
                z-index: 3;
                background: #FCFCFC;
            }
            .nav_xian {
                display: block;
                width: 100%;
                background: #eee;
                .h(1);
                position: absolute;
                left: 0px;
                top: 12.5px;
                line-height: 25px;
                z-index: 2;
            }
        }
        span {
            width: 0;
            height: 0;
            border-width: 0 7/@j 7/@j;
            border-style: solid;
            border-color: transparent transparent #ddd;
            position: absolute;
            top: -7/@j;
            left: 19/@j;
        }
        span:before {
            content: " ";
            width: 0;
            height: 0;
            border-width: 0 7/@j 7/@j;
            border-style: solid;
            border-color: transparent transparent #FCFCFC;
            position: absolute;
            top: 1/@j;
            left: -7/@j;
        }
    }
    .menuList {
        margin-bottom: 10/@j;
        border-bottom: 1px solid #EEEEEE;
        padding: 0px 8/@j 8/@j 8/@j;
        .ListContent {
            display: flex;
            .listLeft {
                flex: 1;
                a {
                    display: block;
                    padding: 4/@j;
                    box-sizing: border-box;
                    border-radius: 4/@j;
                    background: #eee;
                    color: #606060;
                    text-align: center;
                    margin: 3/@j;
                    font-size: 13.5/@j;
                }
            }
            .listRight {
                flex: 3;
                overflow: hidden;
                a {
                    .h(28);
                    display: block;
                    padding: 4/@j;
                    width: 31%;
                    box-sizing: border-box;
                    border-radius: 4/@j;
                    border: 1px solid #DDDDDD;
                    color: #606060;
                    text-align: center;
                    margin: 3/@j;
                    box-sizing: border-box;
                    float: left;
                    font-size: 13.5/@j;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            }
        }
    }
}

//头部开始
.head {
    background: #fff;
    padding-top: 20/@j;
    .h(40);
    text-align: center;
    position: relative;
    .icon-menu {
        padding: 1/@j 6/@j 1/@j 6/@j;
        line-height: 38/@j;
        font-size: 18/@j;
        position: absolute;
        left: 10/@j;
        display: inline-block;
    }
    a {
        display: inline-block;
        width: 100/@j;
        height: 40/@j;
        background: url(../img/logo.png)no-repeat;
        background-size: 85/@j;
        background-position-x: 50%;
        background-position-y: 45%;
    }
    .icon-search {
        display: inline-block;
        padding: 1/@j 6/@j 1/@j 6/@j;
        line-height: 38/@j;
        font-size: 18/@j;
        position: absolute;
        right: 10/@j;
    }
}

//导航开始
.nav {
    position: relative;
    //  .w(100);
    .h(35);
    background: #fff;
    .active {
        color: #fff;
        background: #FD852F;
    }
    &>a {
        text-align: center;
        line-height: 35/@j ;
        .w(75);
        .h(35);
        display: block;
        float: left;
        color: #606060;
        font-size: 14.5/@j;
    }
}

.nav_active {
    span {
        color: orangered;
    }
}

.more {
    text-align: center;
    line-height: 35/@j ;
    .w(75);
    .h(35);
    display: block;
    float: left;
    color: #606060;
    font-size: 14.5/@j;
    span {
        .h(35);
        display: block;
        font-size: 25/@j;
        line-height: 20/@j;
    }
    .erji {
        display: none;
        padding-top: 5/@j ;
        width: 100vw;
        background: #FFF;
        position: absolute;
        top: 35/@j;
        left: 0px;
        z-index: 9999;
        color: #000000;
        &>a {
            line-height: 35/@j ;
            .w(75);
            .h(38);
            display: block;
            float: left;
            color: #606060;
            font-size: 14.5/@j;
        }
    }
}

.swiper-slide img {
    width: 100vw;
    .h(210);
}

.swiper-pagination {
    position: absolute;
    text-align: right;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
    padding-right: 50px;
    box-sizing: border-box;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff851b;
}

//news开始
.news {
    width: 100vw;
    .h(30);
    position: relative;
    a {
        padding-left: 10px;
        color: #ff851b;
        font-size: 16/@j ;
        font-weight: 400;
        line-height: 30/@j;
        box-sizing: border-box;
        float: left;
    }
    .icon-gengduo1 {
        line-height: 28/@j;
        color: #aaa;
        font-size: 24px;
        position: absolute;
        right: 10/@j;
    }
}

.newsmain {
    .w(359);
    .h(190);
    .jz;
    box-sizing: border-box;
    padding: 8px 8px 0px 8px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    .first {
        .h(60);
        .w(343);
        padding-bottom: 8px;
        border-bottom: 1px solid rgb(238, 238, 238);
        .first_left {
            .w(80);
            .h(60);
            float: left;
            img {
                .w(80);
                .h(60);
            }
        }
        .first_right {
            float: right;
            a {
                display: block;
                .w(255);
                .h(28);
                color: #606060;
                font-size: 15/@j;
                font-weight: 350;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }
            p {
                color: #aaa;
                font-size: 12/@j;
                .w(255);
                .h(32);
            }
        }
    }
    .second {
        border-bottom: 1px solid rgb(238, 238, 238);
        .w(343);
        .h(37);
        h3 {
            .w(260);
            .h(37);
            font-size: 12.5/@j;
            line-height: 37/@j;
            color: #606060;
            font-weight: 350;
            float: left;
            overflow: hidden;
        }
        p {
            float: right;
            line-height: 37/@j;
            font-size: 10/@j;
            color: #aaa;
            padding-right: 7/@j;
            .icon-huihua {
                margin-right: 7/@j;
            }
        }
    }
}

.donghuamain {
    .w(359);
    .h(273);
    .jz;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    .dh_left {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        .w(175.5);
        .h(130);
        .dh_img {
            .w(175.5);
            .h(100);
            background-image: url(../img/14195841vkus2qqi.jpg);
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
        }
        .dh_img2 {
            .w(175.5);
            .h(100);
            background-image: url(../img/1507532911496.jpg);
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
        }
        .dh_img3 {
            .w(175.5);
            .h(100);
            background-image: url(../img/27231229ow8mp6qb.png);
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
        }
        .dh_img4 {
            .w(175.5);
            .h(100);
            background-image: url(../img/291135233rjj9xgu.jpg);
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
        }
        .dh_21 {
            .w(175.5);
            .h(100);
            background-image: url(../img/21.png);
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
        }
        .dh_22 {
            .w(175.5);
            .h(100);
            background-image: url(../img/22.png);
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
        }
        .dh_23 {
            .w(175.5);
            .h(100);
            background-image: url(../img/23.jpg);
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
        }
        .dh_24 {
            .w(175.5);
            .h(100);
            background-image: url(../img/24.jpg);
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
        }
        .yy_1 {
            .w(175.5);
            .h(100);
            background-image: url(../img/1501124651.jpg);
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
        }
        .yy_2 {
            .w(175.5);
            .h(100);
            background-image: url(../img/1516877098.jpg);
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
        }
        .yy_3 {
            .w(175.5);
            .h(100);
            background-image: url(../img/1516881737.jpg);
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
        }
        .yy_4 {
            .w(175.5);
            .h(100);
            background-image: url(../img/1516938515.jpg);
            background-size: cover;
            background-position-x: 50%;
            background-position-y: 50%;
        }
        .dh_dec {
            .w(175.5);
            .h(30);
            box-sizing: border-box;
            background: #fff;
            p {
                .w(175.5);
                padding: 0 4/@j 0 4/@j;
                box-sizing: border-box;
                .h(30);
                color: #606060;
                font-weight: 400;
                line-height: 30/@j;
                text-align: center;
                font-size: 13.5/@j;
                text-overflow: hidden;
                overflow: hidden;
            }
        }
    }
}

.footer {
    .h(127);
    background: #eee;
    border-top: 1px solid rgb(211, 211, 211);
    margin-top: 10/@j;
    padding: 10/@j 0 8/@j 0;
    box-sizing: border-box;
    .btn {
        display: block;
        .w(256);
        .h(40);
        background: #fd4c5b;
        color: #FFFFFF;
        line-height: 40/@j;
        border-radius: 4/@j;
        font-size: 14/@j;
        text-align: center;
        .jz;
        margin-bottom: 14/@j;
    }
    .footer_nav {
        text-align: center;
        a {
            .h(18);
            display: inline-block;
            padding: 0 12/@j 0 12/@j;
            line-height: 18/@j;
            font-size: 14/@j;
            color: #666;
            margin-bottom: 8/@j;
        }
        p {
            font-size: 12/@j;
            //          margin-bottom: 8/@j;
            color: #666;
        }
    }
}

//返回顶部
.fhtop {
    .w(45);
    .h(45);
    display: none;
    position: fixed;
    bottom: 130/@j;
    right: 8/@j;
    background: rgba(0, 0, 0, 0.55);
    border-radius: 4/@j;
    text-align: center;
    box-shadow: 0 1/@j 3/@j rgba(0, 0, 0, 0.01);
    .icon-top {
        color: #fff;
        font-size: 20/@j;
        line-height: 45/@j;
        font-weight: bold;
    }
}

//search
.search {
    display: none;
    width: 100vw;
    height: 100%;
    position: fixed;
    background: #FCFCFC;
    top: 0px;
    z-index: 99999;
    .searchTop {
        .h(48);
        position: relative;
        background: #FA4E5F;
        .searchTop-logo {
            display: inline-block;
            background-image: url(../img/acfun-icon.png);
            background-repeat: no-repeat;
            background-size: contain;
            margin-top: 12/@j;
            margin-left: 14/@j;
            .w(70);
            .h(30);
        }
        input {
            .w(200);
            .h(32);
            border-radius: 4/@j;
            outline: none;
            border: none;
            display: inline-block;
            position: absolute;
            top: 9/@j;
            padding-left: 30/@j;
            box-sizing: border-box;
            left: 100/@j;
            font-weight: 150 color:#333;
            font-size: 12.5/@j;
        }
        .icon-search {
            position: absolute;
            top: 17/@j ;
            left: 108/@j;
            z-index: 99;
            color: gainsboro;
        }
        .qx {
            display: inline-block;
            .w(35);
            .h(18);
            color: #fff;
            float: right;
            margin-right: 18/@j;
            margin-top: 15/@j;
            font-size: 17/@j;
        }
    }
    .searchMain {
        width: 100vw;
        height: 100%;
        padding: 16/@j 12/@j 0/@j 12/@j;
        box-sizing: border-box;
        .searchMain-tittle {
            .h(48);
            line-height: 48/@j;
            font-size: 13/@j;
            color: #888;
        }
        .searchMain-main {
            a {
                float: left;
                display: block;
                border: 1px solid #e5e5e5;
                border-radius: 3px;
                background: #fff;
                .h(15);
                line-height: 15/@j;
                color: #606060;
                font-size: 12.5/@j;
                margin-right: 10/@j;
                margin-bottom: 8/@j;
                padding: 5/@j 10/@j 5/@j 10/@j;
                
            }
        }
    }
}